// pages/mine/ZSupload/ZSupload.js
const app = getApp()
import {
  request
} from '../../../utils/api'
Page({

  /**
   * 页面的初始数据
   */
  data: {
    // 自定义nav
    statusBarHeight1: app.globalData.statusBarHeight + 45,
    fileList: [

    ],
    pdName: '',
    // 上传的图片路径
    img: '',
    imgBaseUrl: app.globalData.imgBaseUrl,
    // 作品描述
    pdDesc: '',
    height: {
      maxHeight: 100,
      minHeight: 100
    },
    zpId: '',
  },
  // 返回
  goBack() {
    wx.navigateBack({
      delta: 1
    })
  },
  // 图片上传事件
  afterRead(event) {
    const {
      file
    } = event.detail;
    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
    wx.uploadFile({
      url: app.globalData.imgUploadUrl, // 仅为示例，非真实的接口地址
      filePath: file.path,
      name: 'photo',
      success: (res) => {
        // 上传完成需要更新 fileList
        res.data = JSON.parse(res.data)
        const {
          fileList = []
        } = this.data;
        fileList.push({
          ...file,
          url: this.data.imgBaseUrl + res.data.data,
        });
        this.setData({
          fileList,
          img: this.data.img + res.data.data + ','
        });
      },
    });
  },
  // 图片删除事件
  onDel(e) {
    let index = e.detail.index
    console.log(e);
    this.data.fileList.splice(index, 1)
    this.setData({
      fileList: this.data.fileList
    })
  },
  submit() {
    // 提交有两种   1是初次填写  2是回显提交   有作品id就是回显修改后提交
    if (this.data.zpId) {
      let imgstr = ''
      this.data.fileList.filter(item => {
        // url是全路径  所以分割一下
        imgstr = imgstr + item.url.slice(52) + ','
      })
      request({
        url: '/zhongyisheji-applet/my/public/updateMyProduction',
        method: 'post',
        data: {
          id: this.data.zpId,
          type: 2,
          name: this.data.pdName,
          textContent: this.data.pdDesc,
          url: imgstr.slice(0, -1)
        }
      }).then(res => {
        if (res.code == 200) {
          wx.showToast({
            title: '修改成功',
          })
          wx.redirectTo({
            url: '/pages/mine/myZS/myZS',
          })
        } else {
          wx.showToast({
            title: '修改失败',
            icon: 'none'
          })
        }
      })
    } else {
      if (!this.data.pdName) {
        wx.showToast({
          title: '请输入作品名字',
          icon: 'none'
        })
        return
      }
      if (!this.data.pdDesc) {
        wx.showToast({
          title: '请输入作品描述',
          icon: 'none'
        })
        return
      }
      if (this.data.fileList.length == 0) {
        wx.showToast({
          title: '请上传作品照片！',
          icon: 'none'
        })
        return
      }
      request({
        url: '/zhongyisheji-applet/my/private/uploadProduction',
        method: 'post',
        data: {
          url: this.data.img.slice(0, -1),
          productionName: this.data.pdName,
          textContent: this.data.pdDesc
        }
      }).then(res => {
        console.log(res);
        if (res.code == 200) {
          wx.showToast({
            title: '上传成功',
          })
          this.setData({
            fileList: [],
            img: '',
            pdName: ''
          })
          wx.redirectTo({
            url: '/pages/mine/myZS/myZS',
          })
        }
      })
    }
  },
  // 获取作品回显
  getDataList(id) {
    request({
      url: '/zhongyisheji-applet/my/public/updateMyProductionBySelect',
      method: 'post',
      data: {
        id
      }
    }).then(res => {
      console.log(res);
      if (res.code == 200) {
        let imgs = res.data.url.split(',')
        const {
          fileList = []
        } = this.data;
        imgs.filter(item => {
          fileList.push({
            url: this.data.imgBaseUrl + item
          });
        })
        this.setData({
          pdName: res.data.name,
          pdDesc: res.data.textContent,
          fileList
        })
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let id = options.id
    if (id) {
      this.getDataList(id)
      this.setData({
        zpId: id
      })
    }
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  // onShareAppMessage: function () {

  // }
})